<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景</title>
</head>
<body>
    <!-- todo: 图片练习 -->
    <!-- 简写顺序: 颜色 图片 重复方式(x,y,填充,自动缩放) 位置 是否固定 -->
    <!-- 小图片: 背景图, 调整位置非常容器 -->
    <!-- 大图片: 常用做banner或者轮播图内容 -->

    <!-- 
        位图 : 位图缩放会失真
        矢量图: 缩放不会失真, 字体图标是矢量图
    -->

    <!-- 雪碧图制作工具: 偏移量可以直接给出了 -->

</body>
</html>